	<style>
	#container {height: 400px}
	</style>
	<script type="text/javascript">
	
	function show_the_day(d,m,y)
	{
		$('.p1').html('<br><br><img src=<?php echo base_url ()?>images/loading.gif>');
		$.post("<?php echo site_url()?>/schedule/show_day_details/"+d+"/"+m+"/"+y+"/0",
		   function(data){
			$('.p1').html(data);
		   });
	}

	function open_the_day(str)
	{
		show_the_day(str);
		$('#dialog').dialog('open');
		return false;
	}
	
	// increase the default animation speed to exaggerate the effect
	$.fx.speeds._default = 1000;
	$(function() {
		$('#dialog').dialog({
			autoOpen: false,
			show: 'explode',
			hide: 'explode',
			modal: true
		});		
	});
	</script>
	
	<div id="dialog" title="This day">
		<p class="p1"></p>
	</div>


	<div id="submenu" class="btn">
<?php echo anchor('schedule/new_apointment', lang('menuitem_add_new'))?>
	</div>
	<br>
	<br>
	
	
	<center>
	<div id="ui-datepicker-div" class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" style="float:left">
		<?php echo $cal0;?>
	</div>
	<div id="ui-datepicker-div" class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" style="float:left">
		<?php echo $cal1;?>
	</div>
	<div id="ui-datepicker-div" class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" style="float:left">
		<?php echo $cal2;?>
	</div>
	</center>
